<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/paginas/template.xhtml">

	<ui:define name="corpoForm">
		
		<f:event type="javax.faces.event.PreRenderComponentEvent"
			listener="#{manterReceitaBean.preRenderEdit}" />
		<h:form id="formEditarReceita" prependId="false">

			<p:panelGrid columns="2" styleClass="botoes" id="botoes">
				<p:commandButton value="#{rsc.label_salvar}" styleClass="botao"
					action="#{manterReceitaBean.merge}" ajax="false" update="growl"
					onclick="setTimeout('document.getElementById(\'' + this.id + '\').disabled=true;', 50);"
					rendered="#{p:ifGranted('ALTERAR_RECEITA')}"
					title="#{rsc.title_alterar}" />

				<p:commandButton value="#{rsc.label_cancelar}" styleClass="botao"
					update="growl" action="#{manterReceitaBean.cancelar}" ajax="false"
					onclick="setTimeout('document.getElementById(\'' + this.id + '\').disabled=true;', 50);"
					title="#{rsc.title_cancelar}" immediate="true">
				</p:commandButton>

			</p:panelGrid>

			<p:panel id="pnlAlterarReceita" header="#{rsc.label_alterarReceita}"
				toggleable="true" toggleSpeed="500">

				<p:panelGrid columns="2">
					<p:outputLabel value="#{rsc.label_receita}" for="txtNomeReceita"
						styleClass="obrigatorio" />


					<p:inputText label="#{rsc.label_receita}" id="txtNomeReceita"
						maxlength="60" size="40" title="#{rsc.label_receita}"
						value="#{manterReceitaBean.entidade.nome}">
						<p:ajax event="change"
							oncomplete="formatarMoeda(); formatarData();"
							listener="#{manterReceitaBean.carregarRecorrencias}"
							process="@form" update="listaRecorrencias" />
					</p:inputText>

					<p:outputLabel value="#{rsc.label_valor}" for="txtValorReceita"
						styleClass="obrigatorio" />

					<p:inputText label="#{rsc.label_valor}" id="txtValorReceita"
						styleClass="moeda" size="10" title="#{rsc.label_valor}"
						converter="bigDecimalConverter"
						value="#{manterReceitaBean.entidade.valor}">
						<p:ajax event="change"
							oncomplete="formatarMoeda(); formatarData();"
							listener="#{manterReceitaBean.carregarRecorrencias}"
							process="@form" update="listaRecorrencias" />
					</p:inputText>

					<p:outputLabel value="#{rsc.label_dataLancamento}"
						for="cldDataLancamento" styleClass="obrigatorio" />

					<p:calendar pattern="dd/MM/yyyy" size="11" showOn="button"
						id="cldDataLancamento" styleClass="date"
						value="#{manterReceitaBean.entidade.dataLancamento}">
						<p:ajax event="dateSelect"
							oncomplete="formatarMoeda(); formatarData();"
							listener="#{manterReceitaBean.carregarRecorrencias}"
							process="@form" update="listaRecorrencias" />
					</p:calendar>

					<p:outputLabel value="#{rsc.label_conta}" for="cmbConta"
						styleClass="obrigatorio" />

					<p:selectOneMenu label="#{rsc.label_conta}"
						value="#{manterReceitaBean.entidade.conta.id}" id="cmbConta">
						<f:selectItem itemLabel="#{rsc.label_selecionar}" itemValue="" />
						<f:selectItems value="#{manterReceitaBean.formulario.contas}"
							var="c" itemLabel="#{c.nome}" itemValue="#{c.id}" />
					</p:selectOneMenu>

					<p:outputLabel value="#{rsc.label_categoriaFinanceira}"
						for="cmbReceita" styleClass="obrigatorio" />

					<p:selectOneMenu label="#{rsc.label_categoriaFinanceira}"
						value="#{manterReceitaBean.entidade.categoriaFinanceira.id}"
						id="cmbReceita">
						<f:selectItem itemLabel="#{rsc.label_selecionar}" itemValue="" />
						<f:selectItems value="#{manterReceitaBean.formulario.categorias}"
							var="c" itemLabel="#{c.label}" itemValue="#{c.value}" />
					</p:selectOneMenu>


					<p:outputLabel value="#{rsc.label_ativo}" for="chkAtivo" />

					<p:selectBooleanCheckbox label="#{rsc.label_ativo}" id="chkAtivo"
						title="#{rsc.label_ativo}"
						value="#{manterReceitaBean.entidade.ativo}" />
				</p:panelGrid>
			</p:panel>

			<p:panel id="pnlRecorrenciaReceita" header="#{rsc.label_recorrencia}"
				toggleable="true" toggleSpeed="500">
				<p:panelGrid columns="2">

					<p:outputLabel value="#{rsc.label_receitaRecorrente}"
						for="cmbPeriodo" />

					<p:selectBooleanCheckbox
						value="#{manterReceitaBean.entidade.recorrencia}">
						<p:ajax update="pnlRecorrenciaReceita" process="@this"
							oncomplete="recarregarJS();" />
					</p:selectBooleanCheckbox>

				</p:panelGrid>
				<p:panelGrid columns="2" id="pgRecorrencia"
					rendered="#{manterReceitaBean.entidade.recorrencia}">
					<p:outputLabel value="#{rsc.label_periodoRecorrencia}"
						for="cmbPeriodo" />


					<p:selectOneMenu label="#{rsc.label_categoriaFinanceira}"
						value="#{manterReceitaBean.entidade.tipoFrequencia}"
						id="cmbPeriodo">
						<p:ajax event="change"
							oncomplete="formatarMoeda(); formatarData();"
							listener="#{manterReceitaBean.carregarRecorrencias}"
							process="@form" update="listaRecorrencias" />
						<f:selectItem itemLabel="#{rsc.label_selecionar}" itemValue="" />
						<f:selectItems
							value="#{manterReceitaBean.formulario.tiposFrequencia}" var="c"
							itemLabel="#{c.label}" itemValue="#{c}" />
					</p:selectOneMenu>

					<p:outputLabel value="#{rsc.label_qtdRecorrencia}"
						for="txtQtdFrequencia" />

					<p:inputText label="#{rsc.label_qtdRecorrencia}"
						id="txtQtdFrequencia" size="2" title="#{rsc.label_qtdRecorrencia}"
						styleClass="numerico3"
						value="#{manterReceitaBean.entidade.qtdRecorrencia}">

						<p:ajax event="change"
							oncomplete="formatarMoeda(); formatarData();"
							listener="#{manterReceitaBean.carregarRecorrencias}"
							process="@form" update="listaRecorrencias" />
					</p:inputText>

				</p:panelGrid>


				<p:panelGrid columns="1" styleClass="full-width"
					columnClasses="full-width">
					<p:dataTable emptyMessage="#{msg.nenhumRegistroEncontrado}"
						rendered="#{manterReceitaBean.entidade.recorrencia}"
						var="recorrencia" id="listaRecorrencias" sortMode="multiple"
						widgetVar="listaRecorrenciasWid" editable="true" editMode="cell"
						value="#{manterReceitaBean.entidade.recorrencias}" rows="300">

						<p:ajax event="cellEdit"
							onstart="formatarData(); formatarMoeda();"
							update="listaRecorrencias"
							oncomplete="formatarMoeda(); formatarData();" />

						<p:column headerText="#{rsc.label_recorrencia}"
							sortBy="#{recorrencia.nome}">
							<p:outputLabel value="#{recorrencia.nome}" />
						</p:column>

						<p:column headerText="#{rsc.label_valor}"
							sortBy="#{recorrencia.valor}">

							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{recorrencia.valor}"
										converter="bigDecimalConverter" />
								</f:facet>
								<f:facet name="input">
									<p:inputText id="valorDT" styleClass="moeda"
										converter="bigDecimalConverter" value="#{recorrencia.valor}" />
								</f:facet>
							</p:cellEditor>

						</p:column>

						<p:column headerText="#{rsc.label_data}"
							sortBy="#{recorrencia.dataLancamento}">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="#{recorrencia.dataLancamento}">
										<f:convertDateTime pattern="dd/MM/yyyy" />
									</h:outputText>
								</f:facet>
								<f:facet name="input">
									<p:inputText id="dataLancamentoDT" styleClass="data"
										value="#{recorrencia.dataLancamento}">
										<f:convertDateTime pattern="dd/MM/yyyy" />
									</p:inputText>
								</f:facet>
							</p:cellEditor>
						</p:column>

					</p:dataTable>
				</p:panelGrid>

			</p:panel>
			<p:watermark value="#{rsc.wm_nomeReceita}" for="txtNomeReceita" />
			<p:watermark value="#{rsc.wm_data}" for="cldDataLancamento" />
		</h:form>
	</ui:define>
</ui:composition>

